<template>
    <div>
        <b>书籍列表</b>
        <ul class="myul">
            <li v-for="(book,index) in books" :key="book.id">
                序号：{{ index + 1 }},书籍名称：{{ book.name }}
            </li>
        </ul>
    </div>
</template>

<script>
    export default{
        props:['books']
    }
</script>

<style>
.myul{
    padding: 0;
    margin: 0;
    text-align: left;
    list-style-type: none;
}
</style>